<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:s="http://jboss.com/products/seam/taglib"
	template="/WEB-INF/esquema/plantillaworkflow.xhtml">

	<ui:define name="body">
		<div align="center">
			<br/>
			<strong>#{messages['approval.header']}</strong>
			<rich:separator lineType="solid"/>
			<br/>
			<table width="500" border="1" cellpadding="0" cellspacing="0">
				<tr>
					<td>
					<table width="100%" border="0" align="center" cellpadding="0"
						cellspacing="0" bgcolor="#FFFFFF">
						<tr>
							<td width="50" valign="top">
								<h:graphicImage value="/img/int_ayuda.gif" width="45" height="43" />
							</td>
							<td width="500" class="tab">
								<h:outputText value="#{messages['approval.message']}:" />
								<br/>
								<ul style="line-height:normal;">
									<li>#{messages['approval.bullet1']}</li>
									<li>#{messages['approval.bullet2']}</li>
									<li>#{messages['approval.bullet3']}</li>
								</ul>
							</td>
						</tr>
					</table>
					</td>
				</tr>
			</table>
			<br/>
		</div>
		<h:form>
			<br />
			<ui:include src="/workflow/viewTransaction.xhtml" />
			
			<br />
			<br />
			
			<rich:panel header="Edicion de datos">
				<rich:simpleTogglePanel switchType="client" label="DERECHOS, RESTRICCIONES Y RESPONSABILIDADES">
					<table style="width: 100%;" cellpadding="10">
						<tr valign="top">
							<th style="width: 50%;">
								<div align="center">
									ANTES
								</div>
								<rich:separator lineType="solid"/>
							</th>
							<th style="width: 50%;">
								<div align="center">
									DESPUES
								</div>
								<rich:separator lineType="solid"/>
							</th>
						</tr>
						<tr valign="top">
							<td>
								<ui:include src="viewTransaction/viewAllParcelsRRRsModifications.xhtml">
									<ui:param name="listIdx" value="0" />
								</ui:include>
							</td>
							<td>
								<ui:include src="viewTransaction/viewAllParcelsRRRsModifications.xhtml">
									<ui:param name="listIdx" value="1" />
								</ui:include>
							</td>
						</tr>
					</table>
				</rich:simpleTogglePanel>
				<br />
				<rich:simpleTogglePanel switchType="client" label="DATOS DE LOS INMUEBLES">
					<table style="width: 100%;" cellpadding="10">
						<tr valign="top">
							<th style="width: 50%;">
								<div align="center">
									ANTES
								</div>
								<rich:separator lineType="solid"/>
							</th>
							<th style="width: 50%;">
								<div align="center">
									DESPUES
								</div>
								<rich:separator lineType="solid"/>
							</th>
						</tr>
						<tr valign="top">
							<td>
								<ui:include src="viewTransaction/viewAllParcelsDataModifications.xhtml">
									<ui:param name="listIdx" value="0" />
								</ui:include>
							</td>
							<td>
								<ui:include src="viewTransaction/viewAllParcelsDataModifications.xhtml">
									<ui:param name="listIdx" value="1" />
								</ui:include>
							</td>
						</tr>
					</table>
				</rich:simpleTogglePanel>
			</rich:panel>
			<br />
			<div align="center">
				<a4j:commandButton value="#{messages['button.applychanges']}" action="#{transactionProcess.endApproval}"/>
				#{'  '}
				<a4j:commandButton value="#{messages['button.back2dataentry']}" action="#{transactionProcess.approvalBackToDataEntry}"/>
				#{'  '}
				<a4j:commandButton value="#{messages['button.back2analysis']}" action="#{transactionProcess.approvalBackToAnalysis}"/>
				#{'  '}
				<a4j:commandButton value="#{messages['button.l8r']}" action="home">
					<s:conversationPropagation type="end"/>
				</a4j:commandButton>
			</div>
		</h:form>
	</ui:define>
</ui:composition>
